:root{--primary:#ff4b4b;--primary-dark:#c01c1c;--accent:#00c853;--accent-dark:#009624;--bg-grad-start:#e0f7fa;--bg-grad-end:#80deea;--text:#212121;--white:#fff;--card-shadow:0 20px 60px rgba(0,0,0,0.15),0 0 0 10px rgba(255,255,255,0.4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Nunito',sans-serif;height:100vh;background:linear-gradient(135deg,var(--bg-grad-start) 0,var(--bg-grad-end) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative}body::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(var(--white) 15%,transparent 16%),radial-gradient(var(--white) 15%,transparent 16%);background-size:60px 60px;background-position:0 0,30px 30px;opacity:.2;z-index:-1}.container{width:90%;max-width:550px;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-radius:35px;padding:clamp(2rem,5vw,3.5rem);text-align:center;box-shadow:var(--card-shadow);border:4px solid var(--white);animation:popIn .6s cubic-bezier(0.175,0.885,0.32,1.275)}.logo-img{width:100px;height:100px;object-fit:contain;margin-bottom:1rem;filter:drop-shadow(0 5px 5px rgba(0,0,0,0.1));animation:float 3s ease-in-out infinite}h1{font-family:'Titan One',cursive;color:var(--primary);font-size:clamp(2rem,6vw,3.2rem);line-height:1.1;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px;-webkit-text-stroke:2px var(--white);text-shadow:4px 4px 0 rgba(0,0,0,0.1),-1px -1px 0 var(--white)}.desc{color:var(--text);font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.5;font-weight:700;margin-bottom:2rem;opacity:.9}.cta-btn{display:inline-block;background-color:var(--accent);color:var(--white);font-family:'Titan One',cursive;font-size:clamp(1.5rem,4vw,2rem);text-decoration:none;padding:1rem 3rem;border-radius:50px;border-bottom:8px solid var(--accent-dark);box-shadow:0 10px 20px rgba(0,200,83,0.3);transition:transform .1s,border-bottom .1s,box-shadow .1s;text-transform:uppercase;letter-spacing:1px}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 15px 25px rgba(0,200,83,0.4)}.cta-btn:active{transform:translateY(4px);border-bottom:2px solid var(--accent-dark);box-shadow:0 2px 5px rgba(0,200,83,0.3)}.cta-btn:focus-visible{outline:4px solid var(--primary);outline-offset:4px}@keyframes popIn{0%{transform:scale(0.8);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:400px){h1{font-size:1.8rem}.container{padding:1.5rem}}